<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./vue.js"></script>
</head>
<!--1. v-for循环普通数组，循环对象数组，循环对象，迭代数字，即in后面可以是普通数组，对象数组，对象，数字
2.该案例前面是循环对象，后面是迭代数字
3.错误：字符串必须使用引号包围，否则就成为了未定义的变量
4.错误：报错Cannot use v-for on stateful component root element because it renders multiple elements，原因；不能把v-for放
在根元素上
-->

<body>
    <div id='a'>
        <div v-for='(val,key,index) in user'>{{val}}{{key}}{{index}}</div>
        <!-- 三个参数按顺序分别是：值，健，索引 -->
    </div>
    <div id='b'>
        <div v-for='count in 10'>{{count}}</div>
    </div>

    <script>
        new Vue({
            el: '#a',
            data: {
                user: {

                    name: 'laijijuan',
                    old: 20,
                    like: 'sing'

                }
            }
        })
        new Vue({
            el: '#b',
            data: {

            }
        })
    </script>
</body>

</html>